<head>
  <title>Don't Clone Justin Bieber</title>
</head>

<body>
	
  {{> page}}
</body>

<template name="page">
  <div id="main">
  
    <div id="top">
		{{> hello}}
	</div>
    <div id="left">
		Guesses Remaining: {{gRemain}}
      <h3>What letter do you guess?</h3>
	  
	  <div id="letterGuess">
		<input id="letter" type="text" />
			<button id="guessLetter" class="guessLetter">
				Guess Letter
			</button>
      </div>
	  <div id="letterBoxes">
		<table>
			<tr>
					{{#each guessed}}
					{{> letter}}
					{{/each}}
			</tr>
		</table>
	  </div>
	  
    </div>
    <div id="right">
      <div class="jbImage">
			<img src="{{imageNum}}.JPG" alt="Image {{imageNum}}">
	  </div>
    </div>
  </div>
</template>

<template name="letter">
  <td class="letter">
    {{.}}
  </td>
</template>

<template name="hello">
  {{greeting}}
</template>
